import { createApp } from "vue";
import "./style.css";
import App from "./App.vue";
import "amfe-flexible"; // 引入 lib-flexible
import { setupHelper } from './plugins/helper'
const app = createApp(App)
import router from './router'
setupHelper(app)
// 动态调整根字体大小的函数
const updateRootFontSize = () => {
  const baseSize = 16; // 基准字体大小
  const minFontSize = 12; // 最小字体大小
  const maxFontSize = 20; // 最大字体大小
  const designWidth = 1920; // 设计稿的宽度基准
  const clientWidth = document.documentElement.clientWidth; // 当前窗口的宽度
  const scale = clientWidth / designWidth; // 计算当前窗口宽度与设计稿宽度的比例
  let newSize = baseSize * scale;

  // 限制字体大小在最小和最大范围内
  if (newSize < minFontSize) {
    newSize = minFontSize;
  } else if (newSize > maxFontSize) {
    newSize = maxFontSize;
  }

  // 设置根元素的字体大小
  document.documentElement.style.fontSize = `${newSize}px`;
};

// 监听窗口大小变化，并动态调整字体大小
window.addEventListener("resize", updateRootFontSize);
// 初始化时立即设置一次字体大小
updateRootFontSize();
app.use(router)
app.mount('#app')
